<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/jq-1.12.4.js"></script>
    <style>
        #register-form {
            background-color: #eee;
            margin-top: 20px;
            padding: 20px;
            border-radius: 10px;
        }
    </style>
</head>

<body>
    <div id="app" class="container">
        <form action="#" method="post" id="register-form" class="col-sm-6 col-sm-offset-3">
            <div class="form-group">
                <label for="eamil">Email</label>
                <input type="email" name="email" placeholder="Email" id="eamil" class="form-control" />
            </div>
            <div class="form-group">
                <label for="pass">Password</label>
                <input type="password" name="password" placeholder="Password" id="pass" class="form-control" />
            </div>
            <div class="form-group">
                <label for="pic">File</label>
                <input type="file" id="pic" name="pic" />
                <p class="help-block">请选择图片，大小&lt;3M </p>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox" />Check me out!
                </label>
            </div>
            <div class="submit">
                <label>
                    <!-- btn-primary 自带的btn样式 -->
                    <input type="submit" class="btn  btn-primary" />
                </label>
            </div>
        </form>
    </div>
</body>

</html>